
<div class="row">
    <div class="col-lg-2">

    </div>
</div>

<div class="row state-overview" style="margin-left: 10px;margin-right: 10px;">
    <div class="col-lg-3 col-sm-6">
        <section class="panel">
            <div class="symbol terques">
                <i class="icon-user"></i>
            </div>
            <div class="value">
                <h1>22</h1>
                <p>A类客户</p>
            </div>
        </section>
    </div>
    <div class="col-lg-3 col-sm-6">
        <section class="panel">
            <div class="symbol red">
                <i class="icon-user"></i>
            </div>
            <div class="value">
                <h1>0</h1>
                <p>B类客户</p>
            </div>
        </section>
    </div>
    <div class="col-lg-3 col-sm-6">
        <section class="panel">
            <div class="symbol yellow">
                <i class=" icon-user"></i>
            </div>
            <div class="value">
                <h1>0</h1>
                <p>C类客户</p>
            </div>
        </section>
    </div>
    <div class="col-lg-3 col-sm-6">
        <section class="panel">
            <div class="symbol blue">
                <i class="icon-phone"></i>
            </div>
            <div class="value">
                <h1>0</h1>
                <p>未来七天需跟进</p>
            </div>
        </section>
    </div>
</div>